<template>
  <div class="container">
    <home-header></home-header>
    <bread-crumb></bread-crumb>
    <div class="content-box">
      <picture-content></picture-content>
    </div>
    <details-footer></details-footer>
  </div>
</template>

<script>
import HomeHeader from '@/components/header'
import DetailsFooter from '@/components/footer'
import BreadCrumb from '@/components/BreadCrumb'
import TextContent from '@/components/DetailsContent/components/TextContent'
import PictureContent from '@/components/DetailsContent/components/PictureContent'
export default {
  name: 'DetailsContent',
  components: {
    HomeHeader,
    BreadCrumb,
    TextContent,
    PictureContent,
    DetailsFooter
  }
}
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  // height: 1300px;
  .content-box {
    width: 100%;
    // height: 950px;
    // background-color: #eee;
  }
}
</style>
